<!DOCTYPE html>
<html>
<head>
    <title>第二代逸动XT上市发布会直播</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="Keywords" content="" />
    <meta name="Description" content="" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" type="text/css" href="css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="css/pcxt/index.css">
    <link rel="stylesheet" type="text/css" href="plugins/mobiscroll/mobiscroll.javascript.min.css">
    <link rel="stylesheet" type="text/css" href="css/jquery.mCustomScrollbar.min.css">
    <link rel="stylesheet" type="text/css" href="plugins/toast/toast.css">
    <script src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/tool.js"></script>
    <script type="text/javascript" src="js/jquery.mCustomScrollbar.concat.min.js"></script>
    <script type="text/javascript" src="js/jquery.mCustomScrollbar.js"></script>
    <script type="text/javascript">
        if(window.location.href.indexOf('https://')!=-1){
            location.href = window.location.href.replace("https://","http://");
        }
        var ua = navigator.userAgent;
        var ipad = ua.match(/(iPad).*OS\s([\d_]+)/),
                isIphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/),
                isAndroid = ua.match(/(Android)\s+([\d.]+)/),
                isMobile = isIphone || isAndroid || ipad;
        if(isMobile) {
            location.href = 'pcxt-wap.html'
        }
    </script>
    <style>
        input, select {
            background: #000;
            border-color: #000;
            color: #000;
        }
        [title~=站长统计] {
            display: none;
        }
        #testbtn {
            position: fixed;
            top: 50vh;
            margin: 0 auto;
            width: 30vw;
            right: 0;
            left: 0;
            height: 10vw;
            z-index: 999999999;
            background: #eee;
            font-size: 30px;
        }

    </style>
    <link rel="stylesheet" type="text/css" href="font/iconfont.css">
    <link rel="stylesheet" type="text/css" href="css/swiper.min.css">
    <script type="text/javascript" src="js/jquery.tinyscrollbar.min.js"></script>
</head>
<!-- 如果是横屏视频在body上添加一个landscape类 -->
<body>
<img class="logo" src="./images/pcxt/pc/logo.png" />
<div id="top-box" ></div>
<div id="count_down">00:00:00</div>
<div class="live-container" >
    <div class="wapper">
        <div class= "player-top">
            <div class="play-title"></div>
            <div class="goto-vr"><a>高清</a></div>
            <div class="play-tab"><a id="msg" >评论区</a></div>
        </div>
        <div class="player-left">
            <div class="tools">
                <div class="watch-count">
                    <i class="iconfont icon-people"></i>
                    <span id="watch-count">0</span>
                </div>
                <div class="dm"></div>
            </div>
            <div class="player-box barrage_box">
                <div class="player-screen"><div id="player"></div></div>
            </div>
        </div>
        <div class="player-right">
            <div class="msg-box">
               <!-- <a class="msg-page-a" id="more">点击加载更多</a>-->
                <div id="scrollbar" class="msg-box-center scrollbarbox">
                    <div class="scrollbar">
                        <div class="track">
                            <div class="thumb">
                                <div class="end"></div>
                            </div>
                        </div>
                    </div>
                    <div class="viewport">
                        <ul class="barrage-msg overview h5-barrage-msg"></ul>
                    </div>
                    <div class="barrage-more" data-noselect="0">暂无最新消息</div>
                </div>
                <div class="msg-send">
                    <div class="msg-send-div">
                        <input type="text" class="msg-send-input" name="ct" placeholder="请输入您要说的话" maxlength="150" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您要说的话'">
                        <a class="msg-send-btn wx-msg-send-btn">发布</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="pop" style="display: none;">
    <div class="pop-Box">
        <ul>
            <li class="title">感谢参与<img class="close" src="images/pcxt/pc/close.png" /></li>
            <li class="hint-message">◆请留下您的个人信息，如若中奖方便工作人员联系并寄送奖品！</li>
            <li><div class="input xingminginput"><input id="username" type="text" placeholder="请输入姓名" /></div></li>
            <li><div class="input"><input id="mobile" type="text" placeholder="请输入电话号码" /></div></li>
            <li><div class="input"><input id="address" type="text" placeholder="请输入地址" /></div></li>
            <li><a class="submit">提交</a></li>
        </ul>
    </div>
</div>

<div class="box-container">
    <!-- 价格竞猜-->
    <div class="get-price">
        <h2></h2>
        <div class="get-priceContainer">
            <div class="answer-area">
                <!--未答题展示-->
                <div class="answer-area-list">
                    <div class="notStarted-answer">
                        <h2 class="title"></h2>
                        <h3>将于2018年8月29日19:00开始<br/>敬请期待</h3>
                    </div>
                </div>
                <!--答题内容-->
                <div class="answer-area-list">
                    <div class="answer-question">
                        <div class="answer-question-list active">
                            <h2>Q1、第二代逸动XT官方指导价是多少？</h2>
                            <ul>
                                <li><span>A：0万-1万</span></li>
                                <li><span>B：2万-3万</span></li>
                                <li><span>C：3万-5万</span></li>
                                <li><span>D：5万-10万</span></li>
                            </ul>
                        </div>
                        <a href="javascript:void (0)" class="answer-btn">提交</a>
                    </div>
                </div>
                <div class="answer-area-list">
                    <div class="activity-over">
                        <h2 class="title"></h2>
                        <p>
                            感谢大家的参与！<br/>
                            次日将在本直播页面中公布中奖用户名单<br/>
                            请保持关注。
                        </p>
                    </div>
                </div>
                <div class="answer-area-list">
                    <div class="winner-list">
                        <h2>获奖用户名单</h2>
                        <div class="winner-main">
                            <div class="winner-main-title">
                                <table>
                                    <colgroup>
                                        <col width="10%">
                                        <col width="15%">
                                        <col width="25%">
                                        <col width="40%">
                                    </colgroup>
                                    <tr>
                                        <th>排名</th>
                                        <th>姓名</th>
                                        <th>联系方式</th>
                                        <th>答案提交时间</th>
                                    </tr>
                                </table>
                            </div>
                            <div class="winner-main-content">
                                <table>
                                    <colgroup>
                                        <col width="10%">
                                        <col width="15%">
                                        <col width="25%">
                                        <col width="40%">
                                    </colgroup>
                                 </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="answer-rule">
                <h2>活动规则：</h2>
                <p>1.前25名提交正确答案者获得200元加油卡一张；</p>
                <p>2.活动将于2018年8月29日20:00停止记名（备注：可以继续参与价格竞猜，持续到直播结束），正确答案将在直播中公布；</p>
                <p>3.活动结束后次日将在直播页面中公布中奖用户名单，敬请持续关注。</p>
            </div>

        </div>
    </div>
    <!--试驾留资-->
    <div class="test_drive-box">
        <ul>
            <li class="title-row">
                <div class="title"></div>
            </li>
            <li>
                <div class="column-content-input">
                    <p data-html="姓名">姓名</p>
                    <input type="text" name="user_name" id="user_name" value="" />
                </div>
            </li>
            <li>
                <div class="column-content-input">
                    <p data-html="手机号">手机号</p>
                    <input type="text" name="user_phone" id="user_phone" value=""/>
                </div>
            </li>
<!--            <li>
                <div class="column-content">
                    <p>选择试驾车型</p>
                    <select class="column-select" id="carcode">
                        <option>选择试驾车型</option>
                    </select>
                </div>
            </li>-->
            <li>
                <div class="column">
                    <div class="column-main">
                        <div class="column-content">
                            <p>选择省份</p>
                            <select class="column-select" id="province"><option>选择省份</option></select>
                        </div>
                    </div>
                    <div class="column-main">
                        <div class="column-content">
                            <p>选择城市</p>
                            <select class="column-select" id="city"><option>选择城市</option></select>
                        </div>
                    </div>

                </div>
            </li>
            <li>
                <div class="column-content">
                    <p>选择经销商</p>
                    <select class="column-select" id="choose">
                        <option>选择经销商</option>
                    </select>
                </div>
            </li>
            <li class="submit">
                <input type="button" name="subscribe" id="subscribe" value="提交" />
            </li>
        </ul>
    </div>
    <div class="more" >── 更多精彩 猛戳这里 ──</div>
    <div id="bom-box clearfix" class="bottom-other" style="display: none;position: relative;">
        <div class="empty-link-top"><img src="images/pcxt/pc/footer1.png" /></div>
        <div class="empty-link-home"><img src="images/pcxt/pc/footer2.png" /></div>
        <div class="empty-link-bbs"><img src="images/pcxt/pc/footer3.png" /></div>
    </div>
    <div class="bottom-copyright">
        <span class="t1">长安汽车版权所有   渝ICP备：06006808</span>
        <span class="t2">增值电信业务经营许可证编号：渝B-20160009</span>
    </div>
</div>
<script type="text/javascript" src="js/blockword.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/popAm.js"></script>
<script type="text/javascript" src="js/config.js"></script>
<script type="text/javascript" src="js/ysyPlayer-1.2.min.js"></script>
<script type="text/javascript" src="js/ysyChat-1.1.min.js"></script>

<script src="plugins/mobile-picker/jquery.selector-rem.js"></script>
<script src="plugins/mobile-picker/areaConfig.js"></script>
<script src="plugins/mobiscroll/mobiscroll.javascript.min.js"></script>

<link href="plugins/videoplayer/video-js.css" rel="stylesheet">
<script src="plugins/videoplayer/video.js"></script>

<!--<script type="text/javascript" src="plugins/ckplayer/ckplayer.min.js" charset="UTF-8"></script>-->
<script>
    var pid = 0 ,aid=436;
</script>
<script src="plugins/barrage/barrage.js"></script>
<script src="js/livemethod-zbh.js"></script>
<script src="js/liuzi.js"></script>
<script type="text/javascript">
    $(".empty-link-top").click(function(){
        $("body,html").animate({scrollTop:0});
    });
    $(".empty-link-home").click(function(){
        window.location.href='http://www.changan.com.cn/';
    });
    $(".empty-link-bbs").click(function(){
        window.location.href='http://club.changan.com.cn/portal.php';
    });
    $(".empty-link-carshop").click(function(){
        window.location.href='https://mall.changan.com.cn/ca-web/home/';
    });
    $(".layer-luck-content ul").mCustomScrollbar({ autoHideScrollbar:false, theme:"light-thin" });
    $('.layer-bullet-content .layer-bullet-close').on('click',function(){
        $('.layer-bullet-screen').hide();
    });
    $('.column-select').change(function(){
        $(this).siblings("p").text($(this).find('option:selected').text());
    });
    $(".column-content-input input").focus(function() {
        $(this).siblings("p").text('');
    }).blur(function() {
        if(this.value == '') {
            var txt=$(this).siblings("p").attr('data-html')
            $(this).siblings("p").text(txt);
        }
    });
    $('#carcode').change(function(){
        $("#province").siblings("p").html("选择省份");
        $("#city").siblings("p").html("选择城市");
        $("#address").siblings("p").html("选择地区");
        $("#dealer").siblings("p").html("选择经销商");
    });
    $('#province').change(function(){
        $("#city").siblings("p").html("选择城市");
        $("#address").siblings("p").html("选择地区");
        $("#dealer").siblings("p").html("选择经销商");
    });
    $('#city').change(function(){
        $("#address").siblings("p").html("选择地区");
        $("#dealer").siblings("p").html("选择经销商");
    });
    $(document).on('click','.answer-question-list li span',function(){
        $('.answer-question-list li').removeClass('active');
        $(this).parent('.answer-question-list li').addClass('active');
    });
//    $('.answer-btn').on('click',function(){
//        var i=0;
//        $('.answer-question-list li').each(function(index,element){
//            if($(this).hasClass('active')){
//                i++;
//            }
//        });
//        i>0?$('.pop').show():alert('请选择问题答案');
//    });
</script>

<!--微信分享-->
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script src="http://e.changan.com.cn/cti-wxshare/wxapi/jssdk.php" type="text/javascript" charset="utf-8" async defer></script>
<script>
    //布署地址
    window.baseurl = window.location.href;
    window.shareData = {
        title: '',
        desc: '',
        desc2: '',
        link: pageConfig.vrUrl + '?_=' + Date.parse(new Date()),
        imgUrl: pageConfig.folderUrl + 'images/wxshare.jpg',
        success: function() {

        },
        cancel: function() {

        }
    };
    wx.ready(function() {
        wx.onMenuShareAppMessage(window.shareData);
        wx.onMenuShareTimeline(window.shareData);
    });
</script>
<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?1011a3fe8c5e5a5c411464126962ccce";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>

<script src="https://s19.cnzz.com/z_stat.php?id=1271657550&web_id=1271657550" language="JavaScript"></script>
</body>
</html>
